<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">


    <title>音乐播放器</title>
    <link rel="stylesheet" type="text/css"
        href=" http://edu.bluej.cn/public/uploads/20180625/20180625095037ajax-neteasse/ajax-neteasse/css/main.css" />
    <link rel="stylesheet" type="text/css"
        href="http://edu.bluej.cn/public/uploads/20180625/20180625095037ajax-neteasse/ajax-neteasse/css/table.css" />
</head>
<style>
    tbody:hover {
        cursor: pointer;
    }
</style>

<body>
    <div id="div1" class="box box-re form-inline">
        <input type="text" class="form-control" id="keywords" placeholder="搜索歌曲" value="">

        <button class="btn btn-info content" id="send">搜索</button>

        <div style="margin: 10px 0;">
            <button class="btn btn-info content disable" id="prev">上一页</button>
            <button class="btn btn-info content disable" id="next">下一页</button>
        </div>

        <div>
            <audio id="player" src="" controls autoplay></audio>
        </div>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <td>音乐标题</td>
                    <td>歌手</td>
                    <td>专辑</td>
                    <td>时长</td>
                </tr>
            </thead>
            <tbody>
                <!-- 歌曲列表 -->
                <!-- 格式如下 -->
                
                <!-- <tr>
                    <td>夏天的风</td>
                    <td>温岚</td>
                    <td>温式效应</td>
                    <td>04:00</td>  
                    注意：04:00该时间格式可以借助第三方库可以完成，如下操作:
                    moment(歌曲总时长).format('MM:SS')
                    具体可以看这个链接----http://momentjs.cn/docs/#/displaying/format/
                </tr>  -->
           
            </tbody>
        </table>

        <!-- JavaScript 日期处理类库 -->
        <!-- http://momentjs.cn/ -->
        <script src="./monent.js"></script>

        <script src="./index.js"></script>
        <script src="./packageAjax.js"></script>
</body>

</html>